<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Like-喜欢鲜花平台！让鲜花从农户到用户一步到位 </title>
		<meta name="keywords" content="喜欢婚礼,婚礼学堂,嘉田美合,婚礼图片,婚礼视频,婚礼VR,婚礼,婚庆" />
		<meta name="description" content="喜欢婚礼平台,以婚礼机构为切入点，以婚礼用花为切入口，整合线下婚礼资源,鲜花,婚礼用品,舞美,人员等" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
		<meta name="renderer" content="webkit">
		<!--csp-->
		<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
		<link rel="stylesheet" type="text/css" href="statics/css/cssinit.css" />
		<link rel="stylesheet" type="text/css" href="statics/bowersrc/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="statics/css/index.css" />
		<style type="text/css">
			.floatBox {
				position: fixed;
				top: 80vh;
				right: 15px;
				width: 40px;
				height: 40px;
				z-index: 999;
				overflow-y: hidden;
				border-radius: 50%;
				-webkit-transition-property: all;
				-webkit-transition-duration: 0.5s;
				-webkit-transition-timing-function: ease-in;
				display: none;
			}
			
			.floatBox img {
				width: 40px;
				height: 40px;
				border-radius: 50%;
			}
			
			.floatWrap {
				position: fixed;
				top: calc(80vh - 180px);
				right: 15px;
				width: 40px;
				height: 210px;
				overflow-y: hidden;
				z-index: 50;
				border-radius: 20px;
			}
			
			.floatWrap ul {
				border-radius: 15px;
				position: absolute;
				top: 0px;
				/*background: rgba(255,255,255,0.8);*/
				background: rgba(0, 0, 0, 0.5);
				height: 210px;
				width: 40px;
				overflow: hidden;
				color: white;
				padding: 20px 0;
				box-sizing: border-box;
				text-align: center;
				font-size: 15px;
				z-index: 999;
			}
			
			.floatWrap ul li {
				box-sizing: border-box;
				padding: 5px;
				margin: 5px;
				width: 30px;
				height: 50px;
			}
			
			.floatWrap ul li:nth-child(2) {
				border-top: 1px solid black;
				border-bottom: 1px solid black;
				height: 60px;
				padding: 10px 5px;
			}
			
			.rotate {
				transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
			}
		</style>
	</head>

	<body>
		<header class="header">
			<div class="custom"><img src="statics/images/cityPartner/custom.png" /><span>客服</span></div>
			<div class="input">
				<img src="statics/images/index1/search.png" alt="" />
				<form action="views/online.html?searchName=" method="get" role="search">
					<input type="search" name="searchName" id="" value="" placeholder="搜索你想要的商品" />
				</form>
			</div>
			<div class="carAndCenter">
				<img src="statics/images/index1/cart.png" class="cart" />
				<img src="statics/images/index1/center.png" class="center" />
			</div>
		</header>
		<div class="main1">

		</div>
		<div class="main">
			<div class="bg">
				<div class="layer">
					<div class="logo">
						<a href="###">
							<h1 id="logo"><img src="statics/images/index1/logo.png"/></h1>
						</a>
					</div>
					<div class="logoline">

					</div>
					<div class="banner">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="views/online.html"><img src="statics/images/index1/banner4-x.jpg" /></a>
								</div>
								<div class="swiper-slide"><img src="statics/images/index1/banner2.png" /></div>
								<div class="swiper-slide"><img src="statics/images/index1/banner5.jpg" /></div>
							</div>
							<!-- 如果需要分页器 -->
							<div class="swiper-pagination"></div>
						</div>

					</div>
					<div class="nav">
						<div class="navItem mallOnline">
							<img src="statics/images/index1/mall.png" />
							<span>鲜花在线</span>
							<img src="statics/images/index1/hot.png" class="hot" />
						</div>
						<div class="navItem">
							<img src="statics/images/index1/whiteBar.png" />
							<span>优惠卷</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/onLine.png" />
							<span>花艺在线</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/share.png" />
							<span>设计共享</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/sameCIty.png" />
							<span>鲜花同城</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/retrieve.png" />
							<span>鲜花回收</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/integral.png" />
							<span>花瓣积分</span>
						</div>
						<div class="navItem">
							<img src="statics/images/index1/wedding.png" />
							<span>婚礼学堂</span>
						</div>

					</div>
					<div class="flowerBase">
						<div class="title">
							<div class="line"></div>
							<div class="writing"></div>
						</div>
						<div class="content">
							<div class="single">
								<h2>艳粉玫瑰</h2>
								<img src="statics/images/index1/rose.png" />
							</div>
							<div class="single">
								<h2>卡罗拉</h2>
								<img src="statics/images/index1/rose2.png" />
							</div>
							<div class="single">
								<h2>黑魔术</h2>
								<img src="statics/images/index1/rose3.png" />
							</div>
							<div class="single">
								<h2>雪山</h2>
								<img src="statics/images/index1/rose4.png" />
							</div>

						</div>

					</div>
					<div class="selectDaily">
						<div class="title">
							<div class="left">
								<div class="line"></div>
								<div class="font">每日精选</div>
							</div>
							<div class="more">
								<span>更多</span>
								<span class="icon">></span>
							</div>

						</div>
						<div class="flow">
							<div class="template fl">
								<a href="views/detail.html?id=349">
									<img src="statics/images/index1/flower0.png" />
								</a>
								<div class="detailed">
									<div class="name">
										<span>尤加利</span>
										<img src="statics/images/index1/hollowHeart.png" alt="" />
									</div>
									<div class="introduce">守望幸福,浪漫,致远</div>
									<div class="price">¥11.0</div>
								</div>

							</div>
							<div class="template fr">
								<a href="views/detail.html?id=358">
									<img src="statics/images/index1/flower1.png" />
								</a>
								<div class="detailed">
									<div class="name">
										<span>玛丽亚</span>
										<img src="statics/images/index1/hollowHeart.png" alt="" />
									</div>
									<div class="introduce">送给妈妈最好的礼物</div>
									<div class="price">¥23.00</div>
								</div>

							</div>
							<div class="template fl">
								<a href="views/detail.html?id=419">
									<img src="statics/images/index1/flower2.png" />
								</a>
								<div class="detailed">
									<div class="name">
										<span>紫色桔梗</span>
										<img src="statics/images/index1/hollowHeart.png" alt="" />
									</div>
									<div class="introduce">金牛座的幸运花</div>
									<div class="price">¥24.5</div>
								</div>

							</div>
							<div class="template fr">
								<a href="views/detail.html?id=414">
									<img src="statics/images/index1/flower3.png" />
								</a>
								<div class="detailed">
									<div class="name">
										<span>绣球</span>
										<img src="statics/images/index1/hollowHeart.png" alt="" />
									</div>
									<div class="introduce">爱情的忠贞两情相悦的永恒</div>
									<div class="price">¥8.80</div>
								</div>

							</div>

						</div>

					</div>
					<div class="like">

						<div class="title">
							<div class="line"></div>
							<div class="font">喜欢专栏</div>
						</div>
						<div class="content">
							<div class="module">
								<img src="statics/images/index1/pic1.png" />
								<div class="essay">
									<h3>Wedding Story|做个完美的夏日新娘</h3>
									<p>有时候爱情不是因为看到了才相信，而是因为相信了才看到，有时候爱情不是因为看到了才相信，而是因为相信了才看到。</p>
								</div>
							</div>
							<div class="module">
								<img src="statics/images/index1/pic2.png" />
								<div class="essay">
									<h3>爱你的表白就在七夕</h3>
									<p>‘‘不管我本人多么平庸,我总觉得对你的爱很美。’’</p>
									<p>——王小波《爱你就像爱生命》</p>
								</div>
							</div>

						</div>
					</div>
					<footer>
						<div>
							<p>
								<a href="javascript:void(0);" title="">电脑版</a>
								|
								<a href="javascript:void(0);" title="">关于我们</a>
								|
								<a href="views/service.html" title="">联系我们</a>
								|
								<a id="switcher_link" href="#">繁体中文</a>
							</p>
							<i>浙江家池科技有限公司</i>
						</div>
					</footer>

				</div>
			</div>

		</div>
		<div class="markT">
			<div class="markBox">
				<p>你现在还没登陆，现在去登陆么？</p>
				<p><span id="cancleT">取消</span><span id="sureT">确定</span></p>
			</div>
		</div>
		<div class="markFloat">
			<div class="swiper-container">
				<div class="close">
					<img src="statics/images/index1/close.png" />
				</div>
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="statics/images/index1/welcome2.png" /></div>

				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="floatWrap">
			<ul class="floatActivity" style="display: none;">
				<li>七夕</li>
				<li>特价</li>
				<li>客服</li>
			</ul>
		</div>
		<div class="floatBox"><img src="statics/images/index1/favicon.ico" /></div>

	</body>

	<script src="statics/js/personal/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="statics/bowersrc/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="statics/bowersrc/fastclick.js" type="application/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			new FastClick(document.body);
		})
	</script>
	<script src="statics/js/common.js"></script>
	<script src="statics/js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" language="javascript" src="statics/bowersrc/transform.js"></script>
	<script type="text/javascript">
		var floatClack = true;
		$(".floatBox").on("click", function() {
			if(floatClack) {
				//$(".floatActivity").slideToggle("slow");
				showSideBar()
			} else {
				//$(".floatActivity").slideDown();
				hideSideBar()
			}
			floatClack = !floatClack;
		})
		var distance = $(".floatWrap").offset().top;

		function showSideBar() {
			distance -= 60;
			$(".floatWrap").show();
			$(".floatActivity").show()
			$('.floatActivity').stop().css('top', '150px').animate({
				top: '0',
				opacity: '1'
			}, 300);
			$('.floatWrap').stop().animate({
				top: distance
			}, 300);
			$(".floatBox").addClass("rotate");
		}

		function hideSideBar(selection_id) {
			distance += 60;
			$('.floatWrap').stop().animate({
				top: distance
			}, 300);
			$(".floatBox").removeClass("rotate");
			$('.floatActivity').stop().css('top', '0').animate({
				top: '150px',
				opacity: '1'
			}, 300, function() {
				$(".floatActivity").hide();
				$(".floatWrap").hide();
			});

		}
		$(".bg").scroll(function() {
			console.log($(this).scrollTop())
			if(!floatClack) {
				floatClack = !floatClack;
				hideSideBar()
			}
		})

		$(".floatActivity li").on("click", function(event) {
			event.preventDefault();
			  event.stopPropagation();
			console.log("aaa")
			var index = $(".floatActivity li").index($(this))
			console.log(index)
			if(index == 0) {
				window.location.href = "views/online.html";
			} else if(index == 1) {
				window.location.href = "views/online.html";
			} else if(index == 2) {
				window.location.href = "views/service.html";
			}
		})
	</script>

</html>